<template>
  <div>
    <customDetailsTopbar :title="title" flag @back="back" />
    <div class="d-scroll listInner px-1">
      <div class="py-1 px-1 bg-white">
        <div v-for="(item, index) in descList" :key="index">
          <div>
            <custom-details-item :icon="item.icon" :label="item.label" :value="item.value" />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
// import { WasteStandingList } from '@/api/environment'
export default {
  data() {
    return {
      desListMap: {
        '产废台账': [
          { label: '企业名称', fieldName: 'companyName', value: '', icon: '&#xe790;' },
          { label: '二维码序列号', fieldName: 'serialNumber', value: '', icon: '&#xe790;' },
          { label: '二维码场所', fieldName: 'place', value: '', icon: '&#xe790;' },
          { label: '固危废名称（俗称）', fieldName: 'wasteName', value: '', icon: '&#xe62c;' },
          { label: '固危废类型', fieldName: 'wasteType', value: '', icon: '&#xe791;' },
          { label: '固危废类别', fieldName: 'wasteCategory', value: '', icon: '&#xe791;' },
          { label: '固危废代码', fieldName: 'wasteCode', value: '', icon: '&#xe61c;' },
          { label: '污染特性', fieldName: 'pollutingProperty', value: '', icon: '&#xe601;' },
          { label: '转运编号', fieldName: 'transportCode', value: '', icon: '&#xe629;' },
          { label: '产生时间', fieldName: 'ttime', value: '', icon: '&#xe685;' },
          { label: '产生量', fieldName: 'tvalue', value: '', icon: '&#xe633;' },
          { label: '计量单位', fieldName: 'meterUnit', value: '', icon: '&#xe65a;' },
          { label: '计划去向', fieldName: 'planToGo', value: '', icon: '&#xe68b;' },
          { label: '经办人', fieldName: 'handleUser', value: '', icon: '&#xe700;' },
          { label: '联系方式', fieldName: 'handlePhone', value: '', icon: '&#xe60a;' }
        ],
        '贮存台账': [
          { label: '企业名称', fieldName: 'companyName', value: '', icon: '&#xe790;' },
          { label: '二维码序列号', fieldName: 'serialNumber', value: '', icon: '&#xe62c;' },
          { label: '二维码场所', fieldName: 'place', value: '', icon: '&#xe62c;' },
          { label: '固危废名称（俗称）', fieldName: 'wasteName', value: '', icon: '&#xe62c;' },
          { label: '固危废类型', fieldName: 'wasteType', value: '', icon: '&#xe62c;' },
          { label: '固危废类别', fieldName: 'wasteCategory', value: '', icon: '&#xe791;' },
          { label: '固危废代码', fieldName: 'wasteCode', value: '', icon: '&#xe61c;' },
          { label: '贮存时间', fieldName: 'ttime', value: '', icon: '&#xe685;' },
          { label: '贮存量', fieldName: 'tvalue', value: '', icon: '&#xe633;' },
          { label: '计量单位', fieldName: 'meterUnit', value: '', icon: '&#xe685;' },
          { label: '贮存车间', fieldName: 'storagePlace', value: '', icon: '&#xe62e;' },
          { label: '经办人', fieldName: 'handleUser', value: '', icon: '&#xe700;' },
          { label: '联系方式', fieldName: 'handlePhone', value: '', icon: '&#xe60a;' }
        ],
        '出库台账': [
          { label: '企业名称', fieldName: 'companyName', value: '', icon: '&#xe790;' },
          { label: '二维码序列号', fieldName: 'serialNumber', value: '', icon: '&#xe62c;' },
          { label: '二维码场所', fieldName: 'place', value: '', icon: '&#xe62c;' },
          { label: '固危废名称（俗称）', fieldName: 'wasteName', value: '', icon: '&#xe62c;' },
          { label: '固危废类型', fieldName: 'wasteType', value: '', icon: '&#xe62c;' },
          { label: '固危废类别', fieldName: 'wasteCategory', value: '', icon: '&#xe72e;' },
          { label: '固危废代码', fieldName: 'wasteCode', value: '', icon: '&#xe87e;' },
          { label: '出库量', fieldName: 'tvalue', value: '', icon: '&#xe633;' },
          { label: '计量单位', fieldName: 'meterUnit', value: '', icon: '&#xe65a;' },
          { label: '出库时间', fieldName: 'ttime', value: '', icon: '&#xe685;' },
          { label: '经办人', fieldName: 'handleUser', value: '', icon: '&#xe700;' },
          { label: '联系方式', fieldName: 'handlePhone', value: '', icon: '&#xe60a;' }
        ]
      },
      descList: [],
      title: '',
      titleMap: {
        '产废台账': '产废台账详情',
        '贮存台账': '贮存台账详情',
        '出库台账': '出库台账详情'
      },
      listTypeArr: {
        '产废台账': 1,
        '贮存台账': 2,
        '出库台账': 3
      },
      form: {
        companyIds: '',
        listType: 1, // 1=转运台账，2=贮存台账，3=处置台账
        startTime: '',
        endTime: '',
        pageNum: 1,
        pageSize: 10
      },
      current: ''
    }
  },
  mounted() {
    const { current, tag } = this.$route.query
    this.current = current || ''
    this.form.listType = this.listTypeArr[tag]
    this.descList = this.desListMap[tag]
    this.title = this.titleMap[tag]

    const data = this.$route.query
    this.descList.forEach((v) => {
      v.value = data[v.fieldName] !== '' ? data[v.fieldName] : '/'
    })
    // this.WasteStandingList()
  },
  methods: {
    // 获取固废详情
    // async WasteStandingList() {
    //   const { status, data } = await WasteStandingList(this.form)
    //   if (status === 0 && data) {
    //     this.descList.forEach((v) => {
    //       v.value = data.list[0][v.fieldName] !== '' ? data.list[0][v.fieldName] : '/'
    //     })
    //   }
    // },
    // 返回固废管理
    back() {
      this.$router.push({
        path: '/staging/solidWaste',
        query: { current: this.current, tag: this.$route.query.tag }
      })
    }
  }
}
</script>
